<template>
  <el-main
    class="main"
    v-loading="load"
    :element-loading-text="loadingText"
    element-loading-background="rgba(0, 0, 0, 0.8)"
  >
    <slot></slot>
  </el-main>
</template>

<script>
export default {
  name: "c-main",
  props: {
    load: {
      type: Boolean,
      default: false
    },
    loadingText: {
      type: String,
      default: "加载中..."
    }
  },
  data() {
    return {};
  }
};
</script>
<style scoped>
.main {
  position: relative;
}
</style>


